const path = require('path')
const resolve = dir => path.resolve(__dirname, dir)
module.exports = {
  publicPath: '/',
  transpileDependencies: [
    'js-base64' // 出问题的类库名，指定对第三方组件也进行babel-polyfill处理
  ],
  chainWebpack: (config) => {
    // 其实@是默认配置的
    config.resolve.alias
      .set('@', resolve('src'))
  },
  configureWebpack: () => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
      console.log('-----生产环境配置')
    } else if (process.env.NODE_ENV === 'development') {
      // 为开发环境修改配置...
      console.log('-----开发环境配置')
    } else if (process.env.NODE_ENV === 'testing') {
      // 为测试环境修改配置...
      console.log('-----测试环境配置')
    }
  },
  css: {
    loaderOptions: {
      // 配置scss全局引入
      sass: {
        prependData: `
          @import "@/assets/css/common.scss";
        `
      }
    }
  },
  devServer: {
    port: 8082,
    open: true,
    https: false,
    proxy: {
      '^/api': {
        target: 'http://localhost:8082/',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}
